<script setup>
import {useUserStore} from "@/stores/index.js";
// 拿到user的对象 注意：此对象是一个reactive类型的响应式对象，不能解构 会失去响应式
const user = useUserStore()

// 替换多个属性的方法
function f(){
  user.$patch({username: 'lisi'})
}

function f1(){
  user.$state = {username: 'wangwu'}
  user.$reset();
}


</script>

<template>
  {{ user.username }}
  {{ user.age }}
  {{ user.doubleAge }}
  <button @click="user.increment()">增加年龄</button>
<!--  <button @click="user.$reset()">重置年龄</button>-->
  <button @click="user.$patch({username: 'lisi', age: 4})">变更多个属性</button>
  <button @click="f">变更部分状态</button>
  <button @click="f1">变更所有状态</button>
</template>

<style scoped>

</style>
